var edit = null;

var cmds = {
    bold: '',
    italic: '',
    underline: '',
    strikethrough: '',
    forecolor: '#FF0000',
    hilitecolor: '#DDDDDD',
    fontsize: '32px',
    fontfamily: 'Arial Black',
    removeformat: '',
    selectall: ''
};

K.each(cmds, function (key, val) {
    var a = K('<a href="javascript:;">' + key + '</a>').bind('click', (function (key, val) {
        return function (e) {
            edit.cmd[key](val);
            e.stop();
        };
    })(key, val));
    K('#cmdArea').append(a);
    K('#cmdArea').append(document.createTextNode(' '));
});

edit = K.edit({
    src: 'div#edit',
    srcElement: 'body textarea',
    width: '700px',
    height: '200px',
    designMode: true,
    bodyClass: 'ke-content',
    cssData: 'body {font-size:12px;margin:0;}'
});

K('#design').bind('click', function (e) {
    if (edit) {
        edit.design(true);
    }
});
K('#source').bind('click', function (e) {
    if (edit) {
        edit.design(false);
    }
});
K('#toggle').bind('click', function (e) {
    if (edit) {
        edit.design();
    }
});